<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>车货计算器</title>
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/index.css">
    <script src="../js/index.js"></script>
</head>
<body>
<!--div>div*3-->
<div id="all">
    <div id="top">
        <img src="../img/logo.png" alt="">
        <!--(div*2>span)+img-->
        <div><span id="ipt1">购车借款计算</span></div>
        <div><span id="ipt2">购车税费</span></div>
    </div>
    <div id="mid">
        <div id="div1" class="xian">
            <!--value属性的值为空  = "" -->
            <!--<input type="text" >-->
            <ul>
                <li> <span>裸车价格:<input type="text" id="t1"> 元</span></li>
                <li><span>首付比例:<select>
                        <option >一成</option>
                        <option>二成</option>
                        <option >三成</option>
                    </select>
            </span>
                </li>
                <li><span>
                贷款期限:<select>
                        <option >6个月(6期)</option>
                        <option >9个月(9期)</option>
                        <option >12个月(12期)</option>
                    </select>
            </span></li>
                <li><span>
            贷款年利率:<select>
                        <option >5.6%(6个月及以内)</option>
                        <option >4.6%(9个月及以内)</option>
                        <option >3.6%(12个月及以内)</option>
                    </select>
                &nbsp&nbsp&nbsp&nbsp&nbsp
                <select>
                        <option >无折扣</option>
                        <option >7折</option>
                        <option >9折</option>
                </select>
                &nbsp&nbsp
                =<input type="text">%
            </span></li>
            </ul>





        </div>
        <div id="div2" class="yin">
            <ul>
                <li><span>
                裸车价格:<input type="text" id="t11" >元
            </span></li>
                <li><span>
                车辆排放:<select>
                        <option >1.0L-1.6L</option>
                        <option >1.2L-1.8L</option>
                        <option >1.4L-2.0L</option>
                </select>

            </span></li>
                <li><span>
                计划上牌地:<select>
                        <option >B-北京</option>
                        <option >S-上海</option>
                        <option >E-四川</option>
                </select>
                (首字母)

            </span></li>
                <li><span>
                车辆情况:<input type="checkbox" >六座以下
                <input type="checkbox" >六座以上
            </span></li>
            </ul>


        </div>
        <div>
            <button id="but1">立即计算</button>
            <button id="but2">清除</button>
        </div>
    </div>
    <div id="bot" class="yin">
        <div id="div3" class="yin">
            <h1>计算结果1</h1><br>

            每月还款 &nbsp&nbsp <input type="text" id="t2">元<br>
            利息总额 &nbsp&nbsp <input type="text" id="t3">元 <br>
            总还款 &nbsp&nbsp <input type="text" id="t4">元
        </div>
        <div id="div4" class="yin">
            <h1>计算结果2</h1><br>

            费用合计 &nbsp&nbsp <input type="text" id="t22">元<br>
            新车购置税 &nbsp&nbsp <input type="text" id="t33">元 &nbsp&nbsp 车船使用税&nbsp&nbsp<input type="text" id="t44">元<br>
            上牌费用 &nbsp&nbsp <input type="text" id="t55">元 &nbsp&nbsp 交强险费用&nbsp&nbsp<input type="textt" id="t66">元
        </div>



    </div>
</div>
</body>
</html>>